/**
 * iframe: true
 * compact: true
 */
import { VerticalAlignTopOutlined } from '@ant-design/icons';
import React from 'react';
import { FloatButton } from 'xwd-ant';

export default () => {
  return (
    <div style={{ height: '500px', overflow: 'auto',padding:'20px' }}>
      <h2>滚动查看返回顶部按钮</h2>
      <p>向下滚动页面，查看右下角的返回顶部按钮</p>

      <FloatButton.BackTop
        icon={<VerticalAlignTopOutlined />}
        tooltip="返回顶部"
        visibilityHeight={100}
      />
    </div>
  );
};
